import styled from 'styled-components';
import React, { useState } from 'react';
import { Editor, TldrawUiButton, TldrawUiIcon } from 'tldraw';
import { Button, Drawer } from 'antd';
import { DeploymentUnitOutlined } from '@ant-design/icons';


import { MakeRealPanel } from '../../../components'

export interface MakeRealButtonProps {
    editor: Editor
}

export const MakeRealButton: React.FC<MakeRealButtonProps> = (props: MakeRealButtonProps) => {


    return (
        <Container>
            <TldrawUiButton type={'icon'}>
                <DeploymentUnitOutlined style={{
                }}
                    onClick={() => {
                    }} />
            </TldrawUiButton>

        </Container>
    );
}

const Container = styled.div`
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
`;